<!DOCTYPE html>
<html>

	<head>
		<title>Bootstrap Example</title>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<link rel="stylesheet" href="/static/bootstrap/css/bootstrap.min.css" />
		<script src="/static/bootstrap/js/jquery-3.3.1.min.js"></script>
		<script src="/static/bootstrap/js/bootstrap.min.js"></script>
		<style>
			body {
				position: relative;
			}
			
			a {
				color: black;
				text-decoration: none !important;
			}

			.table>tbody>tr>td:first-child {
				text-align: right;
				font-weight: bold;
			}
		</style>
	</head>

	<body data-spy="scroll" data-target=".navbar" data-offset="50">
		<div class="container" style="padding-top: 70px;">
			<label>机电设备2015# {{ code }}</label>
			<div class="panel-group" id="accordion">
				<div class="panel panel-success">
					<div class="panel-heading">
						<a data-toggle="collapse" data-parent="#accordion" href="#collapse1">
							<h4 class="panel-title">设备信息 </h4></a>
					</div>
					<div id="collapse1" class="panel-collapse collapse">
						<div class="panel-body">
							<form class="form-horizontal" action="">
								<div class="form-group">
									<label class="control-label col-sm-2">维保单位：</label>
									<div class="col-sm-10">
										<p class="form-control-static">重庆市华驰交通科技有限公司</p>
									</div>
								</div>
								<div class="form-group">
									<label class="control-label col-sm-2">设备正面照片：</label>
									<div class="col-sm-10">

										<div class="thumbnail" style="border: none;">
											<a href="#">
												<img src="/static/assets/bootstrap/img/10.jpg" class="img-rounded" alt="Face photo" style="width:100%">
												<div class="caption">
													<p style="text-align: center;">机电设备2015#</p>
												</div>
											</a>
										</div>

									</div>
								</div>

							</form>

						</div>
					</div>
				</div>
				<div class="panel panel-success">
					<div class="panel-heading">

						<a data-toggle="collapse" data-parent="#accordion" href="#collapse2">
							<h4 class="panel-title">基本信息</h4></a>
					</div>
					<div id="collapse2" class="panel-collapse collapse ">
						<div class="panel-body">
							<table class="table table-striped">

								<tbody>
									<tr>

										<td style="text-align: right;"><strong>二维码编码信息：</strong></td>
										<td>BD01Moni_PLC00001</td>
									</tr>
									<tr>

										<td>品牌：</td>
										<td>ABB</td>
									</tr>
									<tr>
										<td>型号：</td>
										<td>AC500</td>
									</tr>
									<tr>
										<td>产品编码：</td>
										<td>PLC1</td>
									</tr>
									<tr>
										<td>供应商：</td>
										<td>重庆华驰</td>
									</tr>
									<tr>
										<td>联系手机：</td>
										<td>180xxxxxxxx</td>
									</tr>
								</tbody>
							</table>

						</div>
					</div>
				</div>

				<div class="panel panel-success">
					<div class="panel-heading">

						<a data-toggle="collapse" data-parent="#accordion" href="#collapse3">
							<h4 class="panel-title">安装信息</h4></a>
					</div>
					<div id="collapse3" class="panel-collapse collapse ">
						<div class="panel-body">
							<table class="table table-striped">

								<tbody>
									<tr>

										<td ><strong>IP：</strong></td>
										<td>10.192.19.33</td>
									</tr>
									<tr>

										<td>位置地点：</td>
										<td>铜锣湾隧道/XX收费站</td>
									</tr>
									<tr>
										<td>桩号：</td>
										<td>ZK116+339</td>
									</tr>
									<tr>
										<td>施工单位：</td>
										<td>重庆华驰</td>
									</tr>
									<tr>
										<td>施工单位联系人：</td>
										<td>张三</td>
									</tr>
									<tr>
										<td>施工单位联系电话：</td>
										<td>180xxxxxxxx</td>
									</tr>
								</tbody>
							</table>



						</div>
					</div>
				</div>

				<div class="panel panel-success">
					<div class="panel-heading">

						<a data-toggle="collapse" data-parent="#accordion" href="#collapse4">
							<h4 class="panel-title">负责人信息</h4></a>
					</div>
					<div id="collapse4" class="panel-collapse collapse ">
						<div class="panel-body">
							<table class="table table-striped">

								<tbody>
									<tr>

										<td ><strong>使用单位管理人：</strong></td>
										<td>李四</td>
									</tr>
									<tr>

										<td>联系电话：</td>
										<td>180xxxxxxxx</td>
									</tr>
									<tr>
										<td>维保责任人：</td>
										<td>王五</td>
									</tr>
									<tr>
										<td>联系电话：</td>
										<td>180xxxxxxxx</td>
									</tr>
									
								</tbody>
							</table>
							

						</div>
					</div>
				</div>
				<button class="btn  btn-primary btn-block" style="margin: 5px auto;">添加记录</button>
				<div class="panel panel-info">
					<div class="panel-heading">

						<a data-toggle="collapse" data-parent="#accordion" href="#collapse5">
							<h4 class="panel-title">维保检查记录:   张三   2017-07-12 12:18</h4>
						</a>
					</div>
					<div id="collapse5" class="panel-collapse collapse ">
						<div class="panel-body">
							<form class="form-inline" >
								<div class="form-group">
									<label class="control-label col-sm-2">张洪玖(2018-03-29 12:15:48)<strong style="color: red;">[维保检查]</strong></label>
									<div class="col-sm-10">

										<div class="thumbnail">
											<a href="#">
												<div class="caption">
													<label>检查结果：</label>
													<p>发动机异常</p>
													<label>备注：</label>
													<p>发动机开启有异响</p>
												</div>
												<img src="/static/assets/bootstrap/img/10.jpg" class="img-rounded" style="margin-top: 10px;" alt="Face photo">
												<img src="/static/assets/bootstrap/img/7.jpg" class="img-rounded" style="margin-top: 10px;" alt="Face photo">

											</a>
										</div>

									</div>
								</div>

							</form>

						</div>
					</div>
				</div>
				
				<div class="panel panel-info">
					<div class="panel-heading">

						<a data-toggle="collapse" data-parent="#accordion" href="#collapse6">
							<h4 class="panel-title">维保检查记录:   张三   2017-07-11 12:18</h4>
						</a>
					</div>
					<div id="collapse6" class="panel-collapse collapse ">
						<div class="panel-body">
							<form class="form-inline" action="">
								<div class="form-group">
									<label class="control-label col-sm-2">张洪玖(2018-03-29 12:15:48)<strong style="color: red;">[维保检查]</strong></label>
									<div class="col-sm-10">

										<div class="thumbnail">
											<a href="#">
												<div class="caption">
													<p><label>检查结果：</label><span>发动机异常</span></p>
													<p><label>备注：</label><span>发动机有异响</span></p>
												</div>
												<img src="/static/assets/bootstrap/img/10.jpg" class="img-rounded" style="margin-top: 10px;" alt="Face photo">
												<img src="/static/assets/bootstrap/img/7.jpg" class="img-rounded" style="margin-top: 10px;" alt="Face photo">

											</a>
										</div>

									</div>
								</div>

							</form>

						</div>
					</div>
				</div>

				

			</div>
		</div>

	</body>

</html>